var width = window.innerWidth, height = window.innerHeight;

var paper = new Raphael(0, 0, width, height);
var photo1= paper.image("stuff/troll.jpg",-50,-50,200,200).attr(
{
	href : "AlexPage.html"
});

var photo2= paper.image("stuff/troll.jpg",width+50,-50,200,200).attr(
		{
			href : "AlexPage.html"
		});


var photo3= paper.image("stuff/troll.jpg",-50,height+50,200,200).attr(
		{
			href : "AlexPage.html"
		});


photo1.animate({
	transform : "t500,250"
},1500,"bounce");

photo1.mouseover(function(){
	photo1.animate({
		transform : "s1.1,t500,250"
	}, 100, "bounce");

});
photo1.mouseout(function(){
	photo1.animate({
		transform : "s1,t500,250"
	}, 100, "elsatic");

});

photo2.animate({
	transform : "t-500,200"
},1500,"elastic");

photo2.mouseover(function(){
	photo2.animate({
		transform : "s1.1,t-500,200"
	}, 100, "bounce");

});
photo2.mouseout(function(){
	photo2.animate({
		transform : "s1,t-500,200"
	}, 100, "elsatic");

<<<<<<< .mine
=======
/*var yula= paper.image("stuff/yula.jpg",'20%','20%','60%','60%');
yula.click(function () {
	yula.rotate(20,height/2,width/2);
>>>>>>> .r7
});*/

photo3.animate({
	transform : "t250,-500"
},600,"back-out");

photo3.mouseover(function(){
	photo3.animate({
		transform : "s1.1,t250,-500"
	}, 100, "bounce");

});
photo3.mouseout(function(){
	photo3.animate({
		transform : "s1,t250,-500"
	}, 100, "elsatic");

});

//var wall = paper.image("../static/img/wall.jpg", 0, 0, '100%', '100%');